<template>
	<ucs-svg :width="size" :height="size" :src="iconSvg" />
</template>
<script setup lang="uts">
	/**
	 * @description 《飞鱼CRM》图标
	 * @tutorial https://ucs.cloudsimpler.com/library/ucs-iconPark
	 * @property {Number} size 图标大小
	 * @property {Number} strokeWidth 线段粗细
	 * @property {String} theme 图标大小
	 * @property {Array<string>} fill 图标颜色，["外部描边颜色","外部填充颜色","内部描边颜色","内部填充颜色"]
	 * @property {String} strokeLinecap 图标大小
	 * @property {String} strokeLinejoin 图标大小
	 */
	import { colors, IiconParkProps } from "../../mixins/iconParkMixin.uts";
	import { computed } from "vue";
	
	const props = withDefaults(defineProps<IiconParkProps>(), {
		size: 24,
		strokeWidth: 4,
		theme: 'outline',
		fill: ["#000000"],
		strokeLinecap: 'round',
		strokeLinejoin: 'round'
	});

	const iconSvg = computed(() : string => {
		return `<?xml version="1.0" encoding="UTF-8"?><svg width="${props.size}" height="${props.size}" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.85351 24.1205C5.1939 20.9018 3.17643 17.1239 2 12.9881C4.36896 16.1997 7.24581 19.0065 10.5116 21.2881C15.9334 16.1977 23.2025 13.0832 31.1931 13.0804C36.4326 13.0812 41.0896 15.5486 44.0949 19.392C44.2644 19.5941 44.4213 19.8051 44.5661 20.0249C45.2379 21.0356 45.6676 22.2224 45.773 23.5033C44.5317 22.9554 43.2592 22.4769 41.956 22.0709C38.8614 21.1052 35.5909 20.5459 32.2034 20.4539C31.8466 20.4438 31.5265 20.4395 31.2054 20.4395C27.4561 20.4395 23.8449 21.0101 20.4456 22.0702C18.8497 22.5677 17.3004 23.173 15.8067 23.8782C15.6385 23.9571 15.4715 24.0378 15.3043 24.1195C15.4723 24.2012 15.6418 24.2829 15.8117 24.3628C17.3032 25.0657 18.8505 25.671 20.4445 26.1675C23.8449 27.2276 27.4584 27.7992 31.2034 27.7992C31.5255 27.7992 31.8466 27.7952 32.1669 27.7861C35.5916 27.693 38.8624 27.1338 41.957 26.1701C43.2599 25.7631 44.5307 25.2855 45.7669 24.7397C45.6676 26.0145 45.2379 27.2003 44.5691 28.208C44.419 28.4351 44.2561 28.6527 44.0829 28.8611C41.0795 32.6984 36.4266 35.1605 31.2034 35.1618C23.2015 35.1588 15.9304 32.0433 10.5083 26.9516C7.24455 29.2321 4.36896 32.039 2.00126 35.2496C3.17845 31.115 5.1949 27.3379 7.85351 24.1205Z" fill="${colors(props.theme, props.fill, 0)}"/><path fill-rule="evenodd" clip-rule="evenodd" d="M32.5975 27.3822C34.1271 26.9177 35.2552 26.1393 35.2552 24.2439C35.2552 22.3474 34.1271 21.2815 32.5966 20.8161C32.5857 20.813 32.5746 20.8096 32.5647 20.806C32.2804 20.723 31.983 20.6785 31.6768 20.6785C31.9919 20.6785 32.3061 20.6833 32.6195 20.6935C32.6205 20.6935 32.6444 20.6935 32.6563 20.6946C35.9813 20.797 39.1412 21.4318 42.229 22.4235C43.5081 22.875 44.5609 23.204 45.7733 23.8094C45.7733 24.0471 45.7733 23.9754 45.7733 24.206C45.7733 24.4382 45.7733 24.3131 45.7456 24.547C44.4223 25.1005 43.5088 25.4218 42.2299 25.8744C39.156 26.7389 35.982 27.4019 32.6583 27.504C32.6454 27.5055 32.6323 27.5055 32.6205 27.5055C32.3061 27.5156 31.9909 27.5201 31.6748 27.5201C31.9821 27.5201 32.2804 27.4753 32.5657 27.3926C32.5758 27.3893 32.5867 27.3859 32.5975 27.3822Z" fill="${colors(props.theme, props.fill, 0)}"/></svg>`
	});
</script>